html, body {
margin:0;
padding:0;
font-size:16px;
height:100%;
scroll-behavior:smooth;
font-family:'Arvo';
background-color:#e9a09d;
background-image:url(images/mainbg.jpg);
background-repeat:no-repeat;
background-position:center1 center;
background-attachment:fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

/* styles for tiny menus desktop */ .tinynav {
display:none 
}

input,textarea,select {
vertical-align:middle;
font-family:inherit;
line-height:1.2em;
border-radius:4px;
padding:4px;
border:1px solid #CCC;
font-size:1em;
}

blockquote {
font-family:inherit;
font-style:italic;
position:relative;
color:#333;
background:#EEE;
padding:10px;
border-left:5px solid #222222;
}

blockquote cite {
color:#333;
font-size:14px;
display:block;
margin-top:5px;
}

blockquote cite:before {
content:"\2014 \2009";
}

img {
border-style:none;
}

.searchbutton {
height:32px !important;
width:15% !important;
border:none !important;
padding:0 !important;
margin:0 !important;
cursor:pointer;
position:relative;
font-family:FontAwesome !important;
border-radius:0px 4px 4px 0px !important;
}

.searchfield {
height:22px;
width:70%;
margin:0 !important;
border-radius:4px 0px 0px 4px !important;
border-right:0px solid #000 !important;
}

.imageRight {
border-style:none;
box-shadow:0 15px 20px -10px #333;
border-radius:5px;
margin-left:20px;
margin-bottom:20px;
float:right;
}

.imageLeft {
border-style:none;
box-shadow:0 15px 20px -10px #333;
border-radius:5px;
margin-right:20px;
margin-bottom:20px;
float:left;
}

.ui-button, .ui-button-text .ui-button {
border-style:none;
font-family:inherit;
color:#e2bdbc;
font-size:1em;
background-color:#222222;
background-image:url(images/butgrad.png);
background-repeat:repeat-x;
background-position:center center;
}

.ui-button:hover {
border-style:none;
background-color:#EF9B97;
color:#222222;
background-image:url(images/butgrad.png);
background-repeat:repeat-x;
background-position:center center;
}

.ui-dialog {
font-family:Arial;
font-size:12px;
z-index:999
}

.ui-dialog td {
font-family:Arial;
font-size:12px;
}

#wrapper {
font-size:14px;
font-weight:normal;
font-style:normal;
position:relative;
width:100%;
min-height:100%;
display:block;
top:0;
left:0;
cursor:default;
font-size:1em;
font-family:'Arvo';
}

#wrapperBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-image:url(images/maingradient.png);
background-repeat:repeat-x;
}

#wrapperPage {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
padding:0;
margin:0;
}

#hormenu1 {
width:1120px;
display:none;
margin-top:0px;
}

#hormenu2 {
width:1120px;
display:none;
margin-top:0px;
}

#main {
padding-top:0px;
}

#mainpage {
position:relative;
border:0px solid #FFF;
width:100%;
margin:0px auto;
width:1120px;
border:0px solid #EEE;
border-radius:0px 0px 0px 0px;
box-shadow:1px 1px 4px #333;
}

#sheet {
position:relative;
margin:0 auto;
cursor:auto;
width:1120px;
margin-top:0px;
border-radius:0px 0px 0px 0px;
}

#header {
margin:0 auto;
position:relative;
width:1120px;
display:block;
height:450px;
margin-top:0px;
border-radius:0px 0px 0px 0px;
box-shadow:none;
}

#headerBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
overflow:hidden;
background-color:#F3F3F3;
background-image:url(images/headerbg.jpg);
background-position:center center;
background-repeat:repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
opacity:0.9;
border-radius:0px 0px 0px 0px;
}

#headerText {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:555;
padding:0;
overflow:hidden;
border-radius:0px 0px 0px 0px;
}

#headerTextBarBG {
position:absolute;
left:0;
width:100%;
overflow:hidden;
opacity:0.7;
height:100px;
background-color:#F3F3F3;
top:0px;
}

#headerTextBar {
position:absolute;
left:0;
width:100%;
height:100%;
z-index:555;
top:0px;
}

#preheader {
margin:0 auto;
width:1120px;
display:none;
}

#preheadermenu {
padding:0;
margin:0;
}

#preheadermenu li {
list-style-type:none;
margin:7px;
float:left;
}

#preheadermenu a {
display:block;
width:auto;
}

.textures {
background-color:#e9a09d;
}

.hormenu {
margin:0 auto;
[stickymenu] width:1120px;
border-radius:0px 0px 0px 0px;
}

.hormenuBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
overflow:hidden;
box-shadow:0px 0px 0px #333;
background-color:#F6F6F6;
border-radius:0px 0px 0px 0px;
background-image:url(images/hmgrad.png);
background-repeat:repeat-x;
background-position:center center;
}

.hormenuText {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
z-index:555;
padding:0;
margin:0 auto;
width:1120px;
}

#headerInner {
margin:auto;
padding:0;
width:1120px;
}

#headline {
position:absolute;
font-size:2.0em;
color:#222222;
margin:15px 0px 0px 20px;
font-family:'Arvo';
}

#slogan {
font-size:0.7em;
position:absolute;
font-size:1.2em;
color:#222222;
margin:55px 0px 0px 20px;
font-family:'Arvo';
}

#logocontainer, #logocontainerTOP, #logocontainerBOTTOM {
margin:0 auto;
width:1120px;
}

#logo, #logoTOP, #logoBOTTOM {
padding:0;
float:right;
margin:20px;
}

#sheet {
margin:0 auto;
position:relative;
width:1120px;
box-shadow:none;
margin-top:0px;
}

#sheetBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#FFFFFF;
opacity:0.8;
border-radius:0px 0px 0px 0px;
}

#sheetContent {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
padding:0;
}

#content-1 {
float:left;
position:relative;
width:0px;
display:none;
}

#content-2 {
position:relative;
float:right;
padding:0;
margin:0;
}

#content-2-1 {
position:relative;
float:left;
padding:0;
top:0;
left:0;
height:100%;
width:837px;
}

#content-2-2 {
position:relative;
float:right;
width:283px;
}

#content1TEXT {
padding:10px 0px 10px 10px;
}

#content2TEXT {
position:relative;
top:0;
left:0;
height:100%;
padding:10px 10px 10px 10px;
}

#content3TEXT {
padding:10px 10px 10px 0px;
}

.box {
width:100%;
margin-bottom:10px;
box-shadow:none;
}

.boxHeader {
width:100%;
padding:0;
margin:0;
position:relative;
margin-bottom:8px;
box-shadow:1px 1px 2px #333;
border-radius:3px 3px 3px 3px;
}

.boxHeader h3,h4,h5 {
padding:0;
margin:0;
}

.boxHeaderText {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
padding:10px;
color:#FFFFFF;
font-family:'Arvo';
font-size:1em;
}

.boxHeaderText a {
color:#222222;
}

.boxHeaderText h3 {
padding:4px;
}

.boxHeaderBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border-radius:3px 3px 3px 3px;
opacity:0.1;
background-color:#111111;
background-image:url(images/btgrad.png);
background-repeat:repeat-x;
background-position:center center;
}

.boxText {
padding:10px;
position:relative;
border-radius:3px 3px 3px 3px;
box-shadow:1px 1px 2px #333;
}

.boxTextBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border-radius:3px 3px 3px 3px;
background-color:#FFFFFF;
opacity:0.8;
}

.boxTextContent {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
line-height:1.5em;
color:#000000;
}

.boxTextContent ul {
padding-left:20px;
list-style:none;
}

.boxTextContent li {
margin-bottom:6px;
}

.boxTextContent li:before {
font-family:'FontAwesome';
content:'\f0a4';
margin:0 5px 0 -15px;
}

.boxTextContent ol li:before {
content:'' !important;
margin:0px !important;
}

.boxTextContentPadding {
padding:10px;
}

.boxTextContent a {
color:#222222;
}

#vermenu {
display:block;
}

#footer {
margin:0 auto;
position:relative;
width:1120px;
margin-top:0px;
display:block;
border-radius:0px 0px 0px 0px;
box-shadow:none;
}

#footerBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#000000;
opacity:0.8;
border-radius:0px 0px 0px 0px;
}

#footerText {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
font-size:0.9em;
color:#FFFFFF;
}

#footerText a {
color:#E07873;
}

#footerText p {
margin:0;
}

#footNote {
margin:auto;
width:1120px;
font-size:0.9em;
display:block;
text-align:center;
padding:10px;
color:#111111;
}

#footNote a {
color:#222222;
}

#footerContent {
margin:auto;
width:1120px;
text-align:center;
}

#footerContentText {
padding:25px;
}

#footNote p {
margin:0;
}

.cf:after {
clear:both;
font-size:0;
display:block;
content:" ";
}

.ui-accordion-header {
background-image:none
}

.ui-accordion-content {
background-image:none
}

.sf-vertical li {
margin-bottom:7px !important;
border-radius:3px !important;
color:#E07873 !important;
background-color:#111111 !important;
}

.sf-vertical li li {
margin:0 !important;
border-radius:0px !important;
color:#E07873 !important;
background-color:#111111 !important;
}

.sf-vertical a {
border-radius:3px !important;
background-color:#111111;
color:#E07873 !important;
background-image:url(images/vmigr.png) !important;
background-repeat:repeat-x;
background-position:center center;
}

.sf-vertical li li a {
border-radius:0px !important;
background-color:#111111;
color:#E07873 !important;
}

.sf-vertical a:hover {
background-color:#E08E73 !important;
color:#111111 !important;
}

.sf-menu li {
background-color:#222222;
border-radius:3px;
margin:8px 8px 8px 0px;
background-image:url(images/hmigr.png);
background-repeat:repeat-x;
background-position:center center;
}

.sf-menu a:hover {
border-radius:3px 
}

.sf-menu a {
color:#F3F3F3;
border-left:0px solid #222222;
border-top:0px solid #222222;
}

.sf-menu .activelink, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background-image:none;
border-radius:2px;
color:#E08E73;
background-color:#111111;
}

.sf-menu {
background-image:none;
float:right;
}

/* responsive style below */ @media screen and (max-width:799px) {
/* styles for mobile */ .tinynav {
display:block;
width:100%;
}

.imageLeft {
border-style:none;
float:none !important;
width:100% !important;
margin:0 auto !important;
box-shadow:none !important;
}

.imageRight {
border-style:none;
float:none !important;
width:100% !important;
margin:0 auto !important;
box-shadow:none !important;
}

#SF_hormenu1, #SF_hormenu2 , #SF_vermenu {
display:none;
}

#content-1 {
float:left;
width:100%;
}

#content-2 {
width:100%;
float:left;
}

#content-2-1 {
float:left;
width:100%;
}

#content-2-2 {
float:left;
width:100%;
}

#content1TEXT {
padding:0;
box-shadow:none;
border-radius:0px;
width:100%;
float:left;
}

#content2TEXT {
padding:0;
box-shadow:none;
border-radius:0px;
width:100%;
float:left;
}

#content3TEXT {
padding:0;
box-shadow:none;
border-radius:0px;
width:100%;
float:left;
}

#main {
padding:0;
box-shadow:none;
border-radius:0px;
width:100%;
}

#mainpage {
clear:both;
width:100%;
float:left;
box-shadow:none;
border-radius:0px;
border-style:none;
}

#wrapper {
clear:both;
width:100%;
float:left;
box-shadow:none;
border-radius:0px;
font-size:16px;
}

#wrapperBG {
background-image:none;
}

#hormenu1 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#hormenu2 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#sheet {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#sheetBG {
box-shadow:none;
border-radius:0px;
}

#header {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
height:350px 
}

#headerBG {
border-radius:0px;
}

#content-1 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#content-2-1 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#content-2-2 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#footer {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
text-align:center;
padding:0;
}

#footerBG {
box-shadow:none;
border-radius:0px;
}

#footNote {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
text-align:center;
padding:0;
}

#footnoteText {
padding:5px 5px 5px 5px;
font-size:0.9em;
}

#preheader {
clear:both;
width:100%;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#preheadermenu {
padding:5px 5px 5px 5px;
}

.box {
width:100%;
float:left;
clear:both;
margin-top:0px;
margin-bottom:0px;
box-shadow:none;
border-radius:0px;
}

.boxHeader {
width:100%;
float:left;
margin-bottom:0px;
box-shadow:none;
border-radius:0px;
}

.boxHeaderBG {
margin-bottom:0px;
box-shadow:none;
border-radius:0px;
}

.boxHeaderText {
padding:0;
box-shadow:none;
border-radius:0px;
font-size:1em;
}

.boxTextContentPadding {
padding:15px 15px 15px 15px;
}

.boxHeaderText h3 {
padding:15px 15px 15px 15px;
font-size:1.05em;
}

.boxText {
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
padding:0;
}

.boxTextBG {
box-shadow:none;
border-radius:0px;
}

.hormenu {
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

.boxTextContent {
margin:0;
padding:0;
}

.hormenuText {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#footerContent {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#footerContentText {
padding:15px 15px 15px 15px;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#headline {
clear:both;
margin:10px 0px 0px 10px;
font-size:1.5em;
}

#slogan {
clear:both;
margin:40px 0px 0px 10px;
font-size:1.0em;
}

#vermenu {
box-shadow:none;
border-radius:0px;
}

#preheadermenu li {
font-size:0.8em;
margin:3px;
box-shadow:none;
border-radius:0px;
}

#headerText {
border-radius:0px;
}

#headerTextBarBG {
top:0px;
}

#headerTextBar {
top:0px;
}

/* #logo, #logoTOP, #logoBOTTOM {
float:right;
margin:10px;
box-shadow:none;
width:60px;
}

*/ #logo, #logoTOP, #logoBOTTOM {
display:none;
}

.centerMenu {
width:100% !important;
}

}

/* end responsive style */